<template>
    <div>
        <ul ref="ul">
            <li>{{lyric}}</li>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'Lyric',
    data() {
        return {
            index: 0,
            lyric: ''
        }
    },
    mounted() {
        
    },
    methods: {
    },
    props: {
        timeArr: {
            type: Array,
            default() {
                return []
            },
            required: true
        },
        Lyric: {
            type: Array,
            default() {
                return []
            },
            required: true
        },
        indexs: {
            type: Number,
            default: 0,
            required: true
        }
    },
    watch: {
        Lyric() {
            this.lyric = this.Lyric[0]
        },
        indexs() {
        }
    }
}
</script>

<style lang="scss" scoped>
ul {
    margin-top: 80px;
    height: 180px;
    color: #fff;
    overflow: hidden;
    li {
        line-height: 2;
        font-size: 50px;
        text-align: center;
    }
}
</style>
